div.calendar {
	position: relative;
}

.calendar table {
	border: #A3BAD9 1px solid;
	font-size: 11px;
	color: #000;
	cursor: default;
	background: #fff;
	font-family: tahoma, verdana, sans-serif;
}

.calendar .button {
	text-align: center;
	padding: 2px;
}

.calendar .calendar-close {
	color: #fff;
}

.dpPicker {
	border: #999 1px solid;
	height: 20px;
	background: #fff
		url(./skins/aqua/datePicker.gif)
		no-repeat right;
}

.calendar .left {
	background:
		url(./skins/page-prev.gif)
		no-repeat 50% 50%;
}

.calendar .right {
	background:
		url(./skins/page-next.gif)
		no-repeat 50% 50%;
}

.calendar thead .title {
	font-weight: bold;
	text-align: center;
	color: #555;
	padding: 2px;
	background: transparent
		url(./skins/arrow.gif)
		no-repeat scroll 80% 50%;
}

.calendar thead .headrow {
	background: transparent
		url(./skins/glass-bg.gif)
		repeat-x scroll left top;
}

.calendar thead .x-date-top {
	background: transparent
		url(./skins/hd-sprite.gif)
		repeat-x scroll 0 -83px;
}

.calendar thead .daynames {
	background: transparent
		url(./skins/glass-bg.gif)
		repeat-x;
}

.calendar thead .name {
	border-bottom: 1px solid #556;
	padding: 2px;
	text-align: center;
	color: #000;
}

.calendar thead .weekend {
	color: #a66;
}

.calendar thead .hilite {
	background-color: #aaf;
	color: #000;
	/*delete by wanghauwen for 光标移动时日历框高度会变的问题*/
	/*border: 1px solid #04f;*/
	/*padding: 1px;*/
}

.calendar thead .active {
	background-color: #77c;
	/*delete by wanghauwen for 光标移动时日历框高度会变的问题*/
	/* padding: 2px 0 0 2px; */
}

.calendar tbody .day {
	width: 2em;
	color: #456;
	text-align: right;
	padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #bbb;
}

.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
}

.calendar table .wn {
	padding: 2px 3px 2px 2px;
	border-right: 1px solid #000;
	background: #DFECFB;
}

.calendar tbody .rowhilite td {
	background: #def;
}

.calendar tbody .rowhilite td.wn {
	background: #eef;
}

.calendar tbody td.hilite {
	background: #def;
	/*delete by wanghauwen for 光标移动时日历框高度会变的问题*/
	/*padding: 1px 3px 1px 1px;*/
	/*border: 1px solid #bbb;*/
}

.calendar tbody td.active {
	background: #cde;
	padding: 2px 2px 0 2px;
}

.calendar tbody td.selected {
	font-weight: bold;
	border: 1px solid #000;
	padding: 1px 3px 1px 1px;
	background: transparent
		url(./skins/glass-bg.gif)
		repeat-x 100% 100%;
	color: #000;
}

.calendar tbody td.weekend {
	color: #a66;
}

.calendar tbody td.today {
	font-weight: bold;
	color: #00f;
}

.calendar tbody .disabled {
	color: #999;
}

.calendar tbody .emptycell {
	visibility: hidden;
}

.calendar tbody .emptyrow {
	display: none;
}

.calendar tfoot .footrow {
	text-align: center;
	background: transparent
		url(./skins/glass-bg.gif)
		repeat-x scroll 0 0;
}

.calendar tfoot .ttip {
	color: #000;
	border-top: 1px solid #556;
	padding: 1px;
}

.calendar tfoot .hilite {
	background: #aaf;
	/*delete by wanghauwen for 光标移动时日历框高度会变的问题*/
	/*border: 1px solid #04f;*/
	color: #000;
	/*padding: 1px;*/
}

.calendar tfoot .active {
	background: #77c;
	padding: 2px 0 0 2px;
}

.calendar .combo {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 4em;
	cursor: default;
	border: 1px solid #655;
	background: #def;
	color: #000;
	font-size: 90%;
	z-index: 100;
}

.calendar .combo .label,.calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}

.calendar .combo .label-IEfix {
	width: 4em;
}

.calendar .combo .hilite {
	background: #acf;
}

.calendar .combo .active {
	border-top: 1px solid #46a;
	border-bottom: 1px solid #46a;
	background: #eef;
	font-weight: bold;
}

.calendar td.time {
	border-top: 1px solid #000;
	padding: 1px 0;
	text-align: center;
	background-color: #f4f0e8;
}

.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .second,.calendar td.time .ampm
	{
	padding: 0 3px 0 4px;
	border: 1px solid #889;	
	font-weight: bold;
	background-color: #fff;
}
.calendar td.time .suuntime {
  width: 20px;
  border: 1px solid #889;
  text-indent: 2px;
  font-weight: bold;
  background-color: #fff;
}
.calendar td.time .ampm {
	text-align: center;
}

.calendar td.time .colon {
	padding: 0 2px 0 3px;
	font-weight: bold;
}

.calendar td.time span.hilite {
	border-color: #000;
	background-color: #667;
	color: #fff;
}

.calendar td.time span.active {
	border-color: #f00;
	background-color: #000;
	color: #0f0;
}

.calendar tbody.datemenubody td {
	font: 11px arial, helvetica, tahoma, sans-serif;
}

.calendar td.x-date-menu-month,.calendar td.x-date-menu-year,.calendar td.x-date-menu-yearbtn
	{
	border: 0 none;
	text-align: center;
	vertical-align: middle;
	width: 25%;
}

.calendar td.x-date-menu-sep {
	border-right: 1px solid #C5D2DF;
}

td.x-date-menu-month a,td.x-date-menu-year a {
	color: #15428B;
}

td.x-date-menu-month a,td.x-date-menu-year a {
	display: block;
	padding: 2px 4px;
	text-align: center;
	text-decoration: none;
}

td.x-date-menu-month a:hover,td.x-date-menu-year a:hover {
	background-color: #DDECFE;
	color: #15428B;
	cursor: pointer;
	text-decoration: none;
}

.x-date-menu-yearbtn a.x-date-menu-prev {
	background-position: 0 -105px;
}

.x-date-menu-yearbtn a.x-date-menu-prev:hover {
	background-position: -15px -105px;
}

.x-date-menu-yearbtn a.x-date-menu-next {
	background-position: 0 -120px;
}

.x-date-menu-yearbtn a.x-date-menu-next:hover {
	background-position: -15px -120px;
}

.x-date-menu-yearbtn a {
	background-image:
		url(./skins/tool-sprites.gif);
	cursor: pointer;
	display: block;
	height: 15px;
	margin: 0 auto;
	overflow: hidden;
	width: 15px;
}

.x-date-menu-btns {
	background-color: #DFECFB;
	background: transparent
		url(./skins/glass-bg.gif)
		scroll left top;
}

.x-date-menu-btns button {
	border: 1px solid;
	cursor: pointer;
	padding: 1px 3px;
	text-align: center;
	text-decoration: none !important;
}

.x-date-menu-btns button {
	background-color: #083772;
	border-color: #36C #000055 #005 #3366CC;
	color: #FFF;
	font: 12px arial, helvetica, tahoma, sans-serif;
}

.x-date-menu-ok {
	margin-right: 3px;
}

.x-date-menu-btns td {
	border-top-color: #C5D2DF;
}

.x-date-menu-btns td {
	border-top: 1px solid;
	text-align: center;
}

td.x-date-menu-sel a {
	background: none repeat-x scroll left top transparent;
	border: 1px solid;
	padding: 1px 3px;
}

td.x-date-menu-sel a {
	background-color: #DFECFB;
	background-image:
		url(./skins/glass-bg.gif);
	border-color: #8DB2E3;
}

.calendar thead .x-date-top {
	color: #fff;
	font-weight: bold;
	text-align: center;
}